<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品详情</title>
    <link href="css/main.css" type="text/css" rel="stylesheet"/>
    <link href="css/display.css" type="text/css" rel="stylesheet"/>
    <link href="css/xiang_qing.css" type="text/css" rel="stylesheet"/>
</head>
<body>

<!---------------------------------------- 头部  ----------------------------------------->
<div class="main_div header">
    <div class="logo_2">
        <img src="images/logo.png" alt="logo"/>
    </div>
    <div class="banner">
        <div class="call">
            <!---------------------------------------- 通知区域  ----------------------------------------->
            <ul class="ul_left_di_zhi"><li>
                送至：北京
                <div class="bj-1">
                    <a href="">北京</a><a href="">上海</a><a href="">天津</a><a href="">重庆</a>
                    <a href="">河北</a><a href="">山西</a><a href="">河南</a><a href="">辽宁</a>
                    <a href="">吉林</a><a href="">黑龙江</a><a href="">浙江</a><a href="">江苏</a>
                    <a href="">山东</a><a href="">安徽</a><a href="">内蒙古</a><a href="">湖北</a>
                    <a href="">湖南</a><a href="">广东</a><a href="">广西</a><a href="">江西</a>
                    <a href="">四川</a><a href="">海南</a><a href="">贵州</a><a href="">云南</a>
                    <a href="">西藏</a><a href="">陕西</a><a href="">甘肃</a><a href="">青海</a>
                    <a href="">宁夏</a><a href="">新疆</a><a href="">台湾</a><a href="">香港</a>
                    <a href="">澳门</a><a href="">海外</a><a href="">钓鱼岛</a>
                </div>
            </li>
            </ul>
            <ul class="ul_right_call">
                <li class="deng_lu">
                    <a href="denglu.html">您好，请登录</a>
                    <a href="zhuche.html"  class="red">免费注册</a>
                </li>
                <li class="deng_lu">
                    <a href="gou_wu_che.html">我的订单</a>
                </li>
                <li class="my bj">
                    <a href="index.html">我的京东</a>
                    <div class="my1">
                        <table>
                            <tr>
                                <td><a href="">待处理的订单</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">消息</a></td>
                            </tr>
                            <tr>
                                <td><a href="">返修退换货</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的问答</a></td>
                            </tr>
                            <tr>
                                <td><a href="">降价商品</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的关注</a></td>
                            </tr>
                            <tr>
                                <td>&nbsp;&nbsp;   &nbsp;&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            </tr>
                            <tr>
                                <td><a href="">我的京豆</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的优惠券</a></td>
                            </tr>
                            <tr>
                                <td><a href="">我的白条</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的理财</a></td>
                            </tr>
                        </table>
                    </div>
                </li>
                <li class="">
                    <a href="#">京东会员</a>
                </li>
                <li class="denglu">
                    <a href="shang_ping_guan_li.html">商品管理</a>
                </li>
                <li class="shouji bj">
                    <a href="#">手机京东</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="shouji1">
                        <img src="images/er_wei_ma1.png" alt="" class="shouji4"/>
                        <div class="shouji2">
                            <p>京东客户端</p>
                            <p class="red">新人专享大礼包</p>
                            <img src="images/er_wei_ma.png" class="shouji3">
                            <img src="images/er_wei_ma.png" class="shouji3">
                            <img src="images/er_wei_ma.png" class="shouji3">
                        </div>
                        <div class="yi">
                            <img src="images/er_wei_ma1.png" alt="" class="shouji4"/>
                            <div class="er">
                                <p>京东金融客户端</p>
                                <p class="red">新人专享大礼包</p>
                                <img src="images/er_wei_ma.png" class="shouji3">
                                <img src="images/er_wei_ma.png" class="shouji3">
                                <img src="images/er_wei_ma.png" class="shouji3">

                            </div>
                        </div>
                    </div>
                </li>
                <li class="kehu bj">
                    <a href="#">客户服务</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="kehu1">
                        <h3 class="neirong2">客户</h3>
                        <ul class="kehu2">
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">售后服务</a></li>
                            <li><a href="">在线客服</a></li>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">客服邮箱</a></li>
                        </ul>
                        <div>
                            <ul class="kehu3">
                                <h3 class="neirong2 ll">客户</h3>
                                <li><a href="">京东商学院</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="shu"></li>
                <li class="daohang">
                    <a href="#">网站导航</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="aa">
                        <div class="neirong">
                            <h4 class="neirong2">特色主题</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                                <li><a href="">京东预售</a></li>
                            </ul>
                            <ul>

                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                                <li><a href="">优惠券</a></li>
                            </ul>
                            <ul>

                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                                <li><a href="">定期送</a></li>
                            </ul>
                            <ul>

                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>

                            </ul>

                        </div>
                        <div class="neirong">

                            <h4 class="neirong2">行业频道</h4>

                            <ul>

                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>

                            </ul>
                            <ul>

                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>

                            </ul>
                            <ul>

                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>

                            </ul>
                            <ul>

                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>

                            </ul>
                            <ul>

                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                        <div class="neirong">
                            <h4 class="neirong2">生活服务</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                            </ul>
                            <ul>
                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                            </ul>
                            <ul>
                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                            </ul>
                            <ul>
                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>
                            </ul>
                            <ul>
                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                        <div class="neirong neirong3">
                            <h4 class="neirong2">更多精选</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                            </ul>
                            <ul>
                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                            </ul>
                            <ul>
                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                            </ul>
                            <ul>
                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>
                            </ul>
                            <ul>
                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="search">
            <div>
                <form action="#">
                    <input type="text" class="search-txt"/>
                    <input type="button" class="search_button"/>
                </form>
            </div>
            <div class="bottom_a">
                <a style="color: red;" href="#">美妆钜惠</a>&nbsp;&nbsp;
                <a href="#">低至5折</a>&nbsp;&nbsp;
                <a href="#">农药精选</a>&nbsp;&nbsp;
                <a href="#">5折海购</a>&nbsp;&nbsp;
                <a href="#">亿元礼券</a>&nbsp;&nbsp;
                <a href="#">无线键盘</a>&nbsp;&nbsp;
                <a href="#">汽车香水</a>&nbsp;&nbsp;
                <a href="#">满199减100</a>&nbsp;&nbsp;
                <a href="#">糖果</a>
            </div>
        </div>
        <div class="search_right_jia_ru_gou_wu_che">
            <img src="images/jia_ru_gou_wu_che.png" alt=""/>
        </div>
        <div class="search_right">
            <img src="images/er_wei_ma.png" alt=""/>
        </div>
        <div class="quan_bu_sp_fen_lei">
            <div class="lei1">
                <div class="quan_bu_lie" style="background: red;"> <a href="#">全部商品列表</a> </div>
                <div class="lei1_shang_ping_lie_biao">
                    <div class="sp_lie_biao_1">
                        <a href="display_shang_ping.html">家居&nbsp;/&nbsp;电器</a>
                        <div class="sp_jia_ju">
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html">电视&nbsp;</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 20px">冰箱</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 40px">洗衣机</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 60px">电脑</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 80px">空调</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 100px">厨卫电器</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 120px">生活电器</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 140px">个护健康</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 160px">电视</a></div>
                            <div class="sp_jia_ju_1"><a href="display_shang_ping.html" style="margin-top: 180px">电视</a></div>
                        </div>
                    </div>
                    <div class="sp_lie_biao_2">
                        <a href="display_shang_ping.html" style="margin-top: 30px;">数码&nbsp;/&nbsp;手机</a>
                        <div class="sp_shou_ji">
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 30px">苹果&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 50px" >三星&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 70px" >摩托罗拉&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 90px" >小米&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 110px" >魅族&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 130px" >华为&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 150px" >Vivo&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 170px" >魅族&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 190px" >OPPO&nbsp;</a></div>
                            <div class="sp_shou_ji_1"><a href="display_shang_ping.html" style="margin-top: 210px" >锤子&nbsp;</a></div>
                        </div>
                    </div>
                    <div class="sp_lie_biao_1"><a href="#" style="margin-top: 60px;">男装&nbsp;/&nbsp;女装</a></div>
                    <div class="sp_lie_biao_1"><a href="#" style="margin-top: 90px;">男鞋&nbsp;/&nbsp;女鞋</a></div>
                    <div class="sp_lie_biao_1"><a href="#" style="margin-top: 120px;">食品&nbsp;/&nbsp;生鲜</a></div>
                    <div class="sp_lie_biao_1"><a href="#" style="margin-top: 150px;">礼品鲜花</a></div>
                    <div class="sp_lie_biao_1"><a href="#" style="margin-top: 180px;">图书&nbsp;/&nbsp;音像</a></div>
                    <div class="sp_lie_biao_1"><a href="#" style="margin-top: 210px;">机票&nbsp;/&nbsp;酒店</a></div>
                    <div class="sp_lie_biao_1"><a href="#" style="margin-top: 240px;">理财&nbsp;/&nbsp;金融</a></div>
                    <div class="sp_lie_biao_1"><a href="#" style="margin-top: 270px;">旅游&nbsp;/&nbsp;生活</a></div>
                </div>
            </div>

            <div class="lei2">
                <a href="#" style="position: absolute; left: 16px; top: -22px;">服装城</a>
            </div>
            <div class="lei3">
                <span style="position: absolute; left: -20px;top: 4px;">
                    <a href="#">美妆馆</a>
                </span>
                <span style="position: absolute; left: 60px;top: 4px;">
                    <a href="#">超市</a>
                </span>
                <span style="position: absolute; left: 120px;top: 4px;">
                    <a href="#">生鲜</a>
                </span>
                <span style="position: absolute; left: 180px;top: 4px;">
                    <a href="#">闪购</a>
                </span>
                <span style="position: absolute; left: 240px;top: 4px;">
                    <a href="#">拍卖</a>
                </span>
                <span style="position: absolute; left: 300px;top: 4px;">
                    <a href="#">全球购</a>
                </span>
                <span style="position: absolute; left: 380px;top: 4px;">
                    <a href="#">京东金融</a>
                </span>
            </div>
        </div>
        <hr style="width: 100%; color: red;">
    </div>

</div>

<!---------------------------------------- 商品详情 ----------------------------------------->
<div class="xq_center">
   <div class="xq_tu_pian_display">
       <img src="images/xq_sp_1.png">
   </div>
    <div class="xq_form">
        <div style="height: 10px;background: white;"></div>
        <div class="xq_describe"><p>魅族 魅蓝 6 全网通公开版4G手机  3GB+32GB 磨砂黑 双卡双待 </p></div>
        <div class="xq_quan_qiu_hao_wu_jie"><img src="images/xq_sp_2.png"></div>
        <div class="xp_form1">
            <form action="." method="get">
                <table>
                    <tr>
                        <td>京&nbsp;&nbsp;东&nbsp;&nbsp;价&nbsp;&nbsp;</td>
                        <td>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="color: red; font-weight: bold; width: 80px; font-size: 20px;" width="80px" type="text" value="￥ 899 " readonly >
                            &nbsp;&nbsp;&nbsp;&nbsp;<a href="#"> 降价通知</a>
                        </td>
                    </tr>
                    <tr>
                        <td>优&nbsp;&nbsp;惠&nbsp;&nbsp;券&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <div class="xq_man_jian1"><p><a style="color: red;" href="#">满699减20</a></p></div>
                            <div class="xq_man_jian2"><p><a style="color: red;" href="#">满500减10</a></p></div>
                        </td>
                    </tr>

                    <tr>
                        <td>重&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="width: 100px; font-size: 16px; border: 1px none ;" width="80px" type="text" value=" 0.295kg" readonly >
                        </td>
                    </tr>

                    <tr>
                        <td>选择颜色</td>
                        <td>
                            <div class="xq_select">
                                <select name="">
                                    <option value="0">磨砂黑</option>
                                    <option value="1">香槟金</option>
                                    <option value="0">月光银</option>
                                    <option value="1">电光蓝</option>
                                </select>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>版本信息</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="width: 100px; font-size: 16px; border: 1px none ;" width="80px" type="text" value="全网通32G" readonly >
                        </td>
                    </tr>
                    <tr>
                        <td>上市年份</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="width: 100px; font-size: 16px; border: 1px none ;" width="80px" type="text" value="2017年" readonly >
                        </td>
                    </tr>
                    <tr>
                        <td>CPU品牌</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="width: 220px; font-size: 16px; border: 1px none ;" width="180px" type="text" value="联发科（MTK） 八核 mt6750" readonly >
                        </td>
                    </tr>
                    <tr>
                        <td>4G&nbsp;网络</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="width: 600px; font-size: 16px; border: 1px none ;"
                                   width="80px" type="text" value="4G：移动（TD-LTE)；4G：联通(FDD-LTE)；4G：电信(FDD-LTE)；4G：联通(TD-LTE)" readonly >
                        </td>
                    </tr>
                    <tr>
                        <td>屏&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;幕&nbsp;&nbsp;</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="width: 260px; font-size: 16px; border: 1px none ;"
                                   width="80px" type="text" value="5.2英寸 1280×720（HD） 282ppi" readonly >
                        </td>
                    </tr>
                    <tr>
                        <td>置摄像头</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="width: 320px; font-size: 16px; border: 1px none ;"
                                   width="80px" type="text" value="前置摄像头 800万像素  前摄光圈大小 f/2.0 " readonly >
                        </td>
                    </tr>
                    <tr>
                        <td>电池容量</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;
                            <input style="width: 140px; font-size: 16px; border: 1px none ;" width="80px" type="text" value="3070（典型值）" readonly >
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>





<!---------------------------------------- 尾部  ----------------------------------------->
<div class="clear"></div>
<div class="footer">
    <div id="sp_footer-2015" >
        <div class="sp_links">
            <a target="_blank" href="#">关于我们</a>|<a  href="#">联系我们</a>|<a rel="nofollow" target="_blank" href="#">商家入驻</a>|<a rel="nofollow" target="_blank" href="#">营销中心</a>|<a rel="nofollow" target="_blank" href="#">手机京东</a>|<a target="_blank" href="#">友情链接</a>|<a target="_blank" href="#">销售联盟</a>|<a href="#" target="_blank">京东社区</a>|<a href="#" target="_blank">京东公益</a>|<a href="#" target="_blank">English Site</a>|<a href="#" target="_blank">Contact Us</a>
        </div>
        <div class="sp_copyright">
            <a target="_blank" href="#"> 京公网安备 11000002000088号</a>
            &nbsp;&nbsp;|&nbsp;&nbsp;京ICP证070359号&nbsp;&nbsp;|&nbsp;&nbsp;
            <a target="_blank" href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
            &nbsp;&nbsp;|&nbsp;&nbsp;新出发京零&nbsp;字第大120007号<br>
            <a rel="nofollow" href="#" target="_blank">音像制品经营许可证苏宿批005号</a>
            &nbsp;&nbsp;|&nbsp;&nbsp;出版物经营许可证编号新出发(苏)批字第N-012号&nbsp;&nbsp;|&nbsp;&nbsp;互联网出版许可证编号新出网证(京)字150号
            <br><a href="#" target="_blank">网络文化经营许可证京网文[2014]2148-348号</a>&nbsp;&nbsp;违法和不良信息举报电话：4006561155&nbsp;&nbsp;Copyright&nbsp;©&nbsp;2004-2016&nbsp;&nbsp;京东JD.com&nbsp;版权所有<br>京东旗下网站：<a target="_blank" href="http://www.360top.com/">360TOP</a>&nbsp;&nbsp;<a href="#" target="_blank">拍拍网</a>&nbsp;&nbsp;<a href="#" target="_blank">网银在线</a>
        </div>
        <div class="footer_img">
            <a href="">
                <img src="images/footer.png" alt=""/>
            </a>
        </div>
    </div>
</div>

</body>
</html>